<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        li{
            list-style: none;
        }

    </style>
</head>
<body>

    <ul id="news">
        <!-- <li>111</li>
        <li>111</li>
        <li>111</li>
        <li>111</li>
        <li>111</li> -->
    </ul>

    <script>

        // 后端给我们传数据
        var data = [
            '今天天气真不错' , 
            '今天39度',
            '今天天气真不错' , 
            '今天39度'
        ] ;

        // 需要动态生成  li 

        // 把所有的li标签当做字符串

        var res = '' ;

        for(var i in data) {
            res += '<li>' + data[i] +  '</li>'
        }

        console.log(res);


        // 把这个字符串放在ul里面

        // 获取ul

        var oUl = document.getElementById('news') ;
        oUl.innerHTML = res ;

    </script>
    
</body>
</html>